<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="css/smoothness/jquery-ui-1.8.14.custom.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />

<title>デザインサンプル</title>
</head>
<body>

<div id="header">
	<h1>サイトタイトル</h1>
	<div id="header-text">
		<strong>daishi.hmr</strong>
		&nbsp;&nbsp;&nbsp;
		<a href="#">ログアウト</a>
	</div>
</div>

<div id="container">

<div id="side-area">
</div>

<div id="content">
	<div id="menu">
		<div class="menu-buttons">
			<a href="#">menu</a>
			<a href="#">menu</a>
			<a href="#">menu</a>
			<a href="#">menu</a>
			<a href="#">menu</a>
		</div>
	</div>
	
	<div id="main">
		<h2>ページタイトル</h2>
		<form action="#">
		<fieldset>
			<legend>入力欄</legend>
			<div class="row">
				<label class="row-label">項目１</label>
				<div class="input"><input type="text" size="50" /></div>
			</div>
			<div class="row">
				<label class="row-label">項目２</label>
				<div class="input"><textarea cols="50" rows="5"></textarea></div>
			</div>
			<div class="row">
				<label class="row-label">項目３</label>
				<div class="input">
					<select>
						<option>aaa</option>
						<option>aaa</option>
						<option>aaa</option>
						<option>aaa</option>
					</select>
				</div>
			</div>
		</fieldset>
		<fieldset>
			<legend>入力欄</legend>
			<div class="row">
				<label class="row-label">項目１</label>
				<div class="input">
					<input type="radio" id="r1" name="radio1" /><label for="r1">選択肢1</label>
					<input type="radio" id="r2" name="radio1" /><label for="r2">選択肢2</label>
					<input type="radio" id="r3" name="radio1" /><label for="r3">選択肢3</label>
				</div>
			</div>
			<div class="row">
				<label class="row-label">項目２</label>
				<div class="input">
					<input type="checkbox" id="c1" /><label for="c1">選択肢1</label>
					<input type="checkbox" id="c2" /><label for="c2">選択肢1</label>
					<input type="checkbox" id="c3" /><label for="c3">選択肢1</label>
					<input type="checkbox" id="c4" /><label for="c4">選択肢1</label>
				</div>
			</div>
		</fieldset>
		<br/>
		<input type="submit" value="保存" class="button"/>
		</form>

		<h3>h3</h3>
		<h4>h4</h4>
		<p>
		あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお
		</p>
		<p>
		あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお
		</p>
		<hr/>
		<pre>
package net.hmr_radio.hmrbot.controller.json;

import net.hmr_radio.hmrbot.dto.BotDto;
import net.hmr_radio.hmrbot.service.BotService;
import net.hmr_radio.hmrbot.util.JsonUtil;

import org.slim3.controller.Controller;
import org.slim3.controller.Navigation;

import twitter4j.Twitter;

public class BotController extends Controller {

    private BotService botService = new BotService();

    @Override
    public Navigation run() throws Exception {
        BotDto botDto =
            new BotDto(
                botService.get(asKey("key")),
                (Twitter) sessionScope("userTwitter"));

        return JsonUtil.writeJson(response, botDto);
    }

}
		</pre>
		<ul>
			<li>a</li>
			<li>a</li>
		</ul>
		<ol>
			<li>a</li>
			<li>a</li>
		</ol>
	</div>

	<div id="copyright">2011 &copy;hmr-radio.net</div>
</div>

<div id="side-area">
</div>

<div id="footer"></div>

</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
	$(".menu-buttons").buttonset();
	$(".button").button();
});
</script>
</body>
</html>
